<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户分配角色</title>
		<!-- 项目基准路径 -->
		<base href="/bestinc/" />
		
		<!-- 引入layui的css -->
		<link rel="stylesheet" href="static/layui/css/layui.css"  media="all">
		
		<!-- 引入角色分配资源css -->
		<link rel="stylesheet" href="static/css/system/power/userSetRole.css"  media="all">
		
		<!-- 引入jQuery -->
		<script type="text/javascript" src="static/js/jquery.min.js"></script>
		
		<!-- 引入layui的js -->
		<script src="static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 引入角色分配资源js -->
		<script src="static/js/system/power/userSetRole.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头部搜索框 -->
		<div id="search-header">
		  <form class="layui-form">
		      <div class="layui-form-item">
		        <div class="layui-inline">
		          <label class="layui-form-label" style="width: 70px">搜索用户：</label>
		          <div class="layui-input-inline">
		            <input type="text" name="userName" placeholder="请输入用户名" autocomplete="off" class="layui-input">
		          </div>
		        </div>
		        <div class="layui-inline" style="padding-left: 50px;">
		            <button class="layui-btn" lay-submit="" lay-filter="userSearchBtn">
		            	<i class="layui-icon layui-icon-search"></i>
		            	查询
		            </button>
		            <button id="reset" class="layui-btn" type="reset">
		            	<i class="layui-icon layui-icon-refresh"></i>
		            	重置
		            </button>
		        </div>
		      </div>
	      </form>
	    </div>
	    
	    <!-- 表格 -->
	   	<div style="width: 100%;overflow: hidden;">
	   		<!-- 左侧用户表格 -->
	   		<div class="userRole_table_left">
	   			 <!-- 为用户分配角色数据表格 -->
				<table class="layui-hide" id="userAllotRoleTable" lay-filter="userAllotRoleTable">
				</table>
	   		</div>
	   		<!-- 右侧角色对应的穿梭框-->
	   		<div class="userRole_table_right"  id="userRoleTransfer">
				<div id="userRoleTransfer"></div>
	   		</div>
	   	</div>
	
	</body>
</html>